<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			body{padding: 0;margin: 0;}
			.jiqimao{position: relative;margin: 0 auto;width: 800px;height: 1000px;}
			.box1{width: 330px;height: 330px;border: 1px solid black;border-radius: 50%;background: #27C3EB;position: relative;animation: 1s;}
			.box2{width: 80px;height: 90px;border: 1px solid black;border-radius: 38px;background: white;position: absolute;top:76px;left: 161px;animation:box2 2s infinite;}
			.box3{width: 80px;height: 90px;border: 1px solid black;border-radius: 38px;background: white;position: absolute;top:76px;left: 79px;animation:box3 2s infinite;}
			.box2-1{width: 15px;height: 15px;background: #363636;border-radius: 50%;position: absolute;top:59px;left: 20px;/*transition: 2s;*/animation:box2-1 2s infinite;}
			.box3-1{width: 15px;height: 15px;background: #363636;border-radius: 50%;position: absolute;top:59px;left: 45px;/*transition: 2s;*/animation:box3-1 2s infinite;}
			.box4{width: 260px;height: 200px;border: 1px solid black;border-radius: 50%;background: white;position: absolute;top:129px;left: 35px;}
			.bizi{width: 35px;height: 35px;border: 1px solid black;border-radius: 50%;background: #C83E00;transform:translateX(106px)translateY(23px) ;animation:bizi 2s 100;}
			.zui{width: 180px;height: 80px;border-bottom: 2px solid black;transform:translateX(39px)translateY(44px) ;border-radius:182px/81px;/*transition: 2s;*/animation:zui 2s 1000;}
			.zuohuzi{width:63px;height: 2px;background:black;transform:translateX(26px)translateY(-20px) ;}
			.zuohuzi1{width:63px;height: 2px;background:black;transform:translateX(26px)translateY(-3px)rotate(-20deg) ;}
			.zuohuzi2{width:63px;height: 2px;background:black;transform:translateX(26px)translateY(-45px) rotate(20deg);}
			.youhuzi{width:63px;height: 2px;background:black;transform:translateX(172px)translateY(-24px) ;}
			.youhuzi1{width:63px;height: 2px;background:black;transform:translateX(170px)translateY(-7px) rotate(20deg) ;}
			.youhuzi2{width:63px;height: 2px;background:black;transform:translateX(170px)translateY(-45px) rotate(-20deg) ;}
			.shuxian{width: 2px;height: 101px;background:black;transform:translateX(123px)translateY(-71px) ;}
			/*.box1:hover .box2-1{transform:translateX(-10px);}
			.box1:hover .box3-1{transform:translateX(10px);}
			.box1:hover .zui{border-radius:150px/41px;}*/
			@keyframes box3-1{
				0%{transform:translateX(-10px);}
				50%{transform:translateX(10px)translatey(-50px);}
				70%{transform:translateX(-30px) scale(2)}
				100%{transform:rotatey(180deg)}}
			@keyframes box2-1{	
			0%{transform:translateX(10px);}
			50%{transform:translateX(-10px)translatey(-50px);}
			70%{transform:translateX(30px)scale(2)}
			100%{transform:rotatey(-180deg)}}
			@keyframes box2{	
			0%{transform:scale(1)}
			100%{transform:scale(1.1)translatey(-10px)translatex(5px)}}
			@keyframes box3{	
			0%{transform:scale(1)}
			100%{transform:scale(1.1)translatey(-10px)}}
		@keyframes zui{	
			100%{transform:width: 60px;height:60px;border-radius: 50%;}}
		@keyframes bizi{
			100%{width:38px;transform:translate(105px)}}
			.bozi{width: 250px;height: 23px;background: #9F1E00;border-radius: 10px;position: absolute;top:298px;left:36px;z-index: 2;}
			.lingdang{width: 45px;height: 45px;border: 1px solid black;position: absolute;top:305px;left:140px;background: #D9D512;border-radius: 50%;z-index: 3;}
			.xian{width: 2px;height: 18px;background: black;position: absolute;left: 162px;top:334px;z-index: 3;}
			.hengxian{height: 2px;width: 35px;z-index: 3;background: black;position: absolute;left: 147px;top:312px;}
			.hengxian2{height: 2px;width: 39px;z-index: 3;background: black;position: absolute;left: 144px;top:316px;}
			.lingdangdian{width: 10px;height: 10px;border-radius: 50%;background: black;position: absolute;left: 158px;top: 325px;z-index: 4;}
			.duzi{width: 180px;height: 180px;border-radius: 50%;background:white;border:2px solid black;position: absolute;left:75px;top: 300px;z-index:1;}
			.daduzi{width: 240px;height: 220px;background: #06B0E1;border: 2px solid black;position: absolute;left:39px;top:300px;}
			.zuoshou{width: 120px;height: 50px;border: 1px solid black;background:#06B0E1;transform: rotate(-45deg);position: absolute;left: -44px;top:351px;z-index: -1;}
			.zhezuoshou{height: 60px;width: 8px;background: #06B0E1;position: absolute;left:38px;top: 320px;z-index: 1;}
			.zuoshouqiu{width: 70px;height: 70px;border: 2px solid black;background: white;border-radius: 48%;position: absolute;top:389px;left: -61px;}
			.youshou{width: 120px;height: 50px;border: 1px solid black;background:#06B0E1;transform: rotate(45deg);position: absolute;left:234px;top:344px;z-index: -1;}
			.zheyoushou{height: 60px;width: 8px;background: #06B0E1;position: absolute;left:275px;top: 320px;z-index: 1;}
			.youshouqiu{width: 70px;height: 70px;border: 2px solid black;background: white;border-radius: 48%;position: absolute;top:386px;left: 311px;}
			.koudai{width: 150px;height: 75px;border: 2px solid black;background: white;border-radius: 0 0 150px 150px;z-index: 2;position: absolute;left: 91px;top:388px;}
			.xiaoyuan{width: 30px;height: 18px;border: 1px solid black;border-radius: 30px 30px 0 0;border-bottom: 0;position: absolute;left: 145px;top:505px;z-index: 1;background: white;}
			.zuojiao{width: 130px;height: 30px;border: 2px solid black;border-radius: 30px;background: white;position: absolute;left: 26px;top:516px;z-index: 2;}
			.youjiao{width: 130px;height: 30px;border: 2px solid black;border-radius: 30px;background: white;position: absolute;left: 164px;top:516px;z-index: 2;}
		</style>
	</head>
	<body>
	<div class="jiqimao ">
		
	
		<div class="box1">
			
			<div class="box4">
				<div class="bizi">
					
				</div>
				<div class="zui">
				
			</div>
			<div class="zuohuzi">
				
			</div>
			<div class="zuohuzi1">
				
			</div>
			<div class="zuohuzi2">
				
			</div>
			<div class="youhuzi">
				
			</div>
			<div class="youhuzi1">
				
			</div>
			<div class="youhuzi2">
				
			</div>
			<div class="shuxian">
				
			</div>
			</div>
			<div class="box2">
				<div class="box2-1">
					
				</div>
			</div>
			<div class="box3">
				<div class="box3-1">
					
				</div>
			</div>
		</div>
		<div class="bozi">
			
		</div>
		<div class="lingdang">
			
		</div>
		<div class="lingdangdian">
			
		</div>
		<div class="xian">
			
		</div>
		<div class="hengxian">
			
		</div>
		<div class="hengxian2">
			
		</div>
		<div class="duzi">
			
		</div>
		<div class="daduzi">
			
		</div>
		<div class="zuoshou">
			
		</div>
		<div class="zhezuoshou">
			
		</div>
		<div class="youshou">
			
		</div>
		<div class="zuoshouqiu">
			
		</div>
		<div class="youshouqiu">
			
		</div>
		<div class="zheyoushou">
			
		</div>
		<div class="koudai">
			
		</div>
		<div class="xiaoyuan">
			
		</div>
		<div class="zuojiao">
			
		</div>
		<div class="youjiao">
			
		</div>
	</div>
	</body>
</html>
